<table>
  <tr>
    <td>Radius</td>
    <td>
      <input class='radius' type="range" min="0.5" max="2.0" step="0.1" value="1.0" />
    </td>
  </tr>
  <tr>
    <td>Theta Resolution</td>
    <td>
      <input class='thetaResolution' type="range" min="4" max="100" step="1" value="8" />
    </td>
  </tr>
  <tr>
    <td>Start Theta</td>
    <td>
      <input class='startTheta' type="range" min="0" max="360" step="1" value="0" />
    </td>
  </tr>
  <tr>
    <td>End Theta</td>
    <td>
      <input class='endTheta' type="range" min="0" max="360" step="1" value="360" />
    </td>
  </tr>
  <tr>
    <td>Phi Resolution</td>
    <td>
      <input class='phiResolution' type="range" min="4" max="100" step="1" value="8" />
    </td>
  </tr>
  <tr>
    <td>Start Phi</td>
    <td>
      <input class='startPhi' type="range" min="0" max="180" step="1" value="0" />
    </td>
  </tr>
  <tr>
    <td>End Phi</td>
    <td>
      <input class='endPhi' type="range" min="0" max="180" step="1" value="180" />
    </td>
  </tr>
  <tr>
    <td>Edge Visibility</td>
    <td>
      <input class='edgeVisibility' type="checkbox" checked />
    </td>
  </tr>
</table>
